<!DOCTYPE html>
<html><!-- InstanceBegin template="/Templates/admin.dwt" codeOutsideHTMLIsLocked="false" -->
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta name="viewport" content="width=device-width,initial-scale=1.0" />
		<link rel="stylesheet" href="../../css/bootstrap.css" />
		<link rel="stylesheet" href="../../css/animate.css" />
        <link rel="stylesheet" href="../../font-awesome/css/font-awesome.css" />
        <link rel="stylesheet" href="../../css/style.css" />
		<link rel="stylesheet" href="../../css/pagination.css"  media="screen"/>
		<link rel="shortcut icon" href="../../img/icon.png" />
		<!-- InstanceBeginEditable name="doctitle" -->
		<title>住宿管理</title>
		<!-- InstanceEndEditable -->
		<script src="../../js/jquery-3.1.1.min.js"></script>
		<script src="../../js/bootstrap.js"></script>
		<script src="../../js/jquery.singlePageNav.min.js"></script>
		<script src="../../js/jquery.pagination.js"></script>
		<script src="../../js/wow.min.js"></script>
        <script src="../../js/style.js"></script>
		<!-- InstanceBeginEditable name="head" -->  
        <link rel="stylesheet" href="index.css" />
        <script src="index.js"></script>
        <script src="Chart.js"></script>
		<!-- InstanceEndEditable -->
	</head>
	<body>
    <div id="logo">
        <div class="container">
            <h3 class="pull-left">酒店管理系统(<span id="shopName" style="font-size:0.7em"></span>)</h3>
            <!-- <div id="time"></div> -->
        </div>
    </div>
        <nav class="navbar navbar-inverse" id="nav">
            <div class="container">
                <div class="navbar-header">
                    <a class="navbar-brand" href="#">酒店管理系统</a>
                    <button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                </div>
                <div class="collapse navbar-collapse">
                    <ul class="nav navbar-nav">
                    <!-- InstanceBeginEditable name="menu" -->
                        <li>
                            <a href="../index.html"><i class="fa fa-home"></i>&nbsp;&nbsp;首页</a>
                        </li>
                        <li>
                            <a href="../person/index.html"><i class="fa fa-desktop"></i>&nbsp;&nbsp;个人信息</a>
                        </li>
                        <li>
                            <a href="../epmM/index.html"><i class="fa fa-user"></i>&nbsp;&nbsp;员工管理</a>
                        </li>
                        <li>
                            <a href="../goods/index.html"><i class="fa fa-shopping-cart"></i>&nbsp;&nbsp;日用品管理</a>
                        </li>
                        <li class="active">
                            <a href="index.html"><i class="fa fa-th"></i>&nbsp;&nbsp;住宿信息</a>
                        </li>
                        <li>
                            <a href="../tongji/good.html"><i class="fa fa-gears"></i>&nbsp;&nbsp;统计分析</a>
                        </li>
                        <li>
                            <a href="../room/index.html"><i class="fa fa-th"></i>&nbsp;&nbsp;连锁房间</a>
                        </li>
                        <!-- InstanceEndEditable -->
                    </ul>
                    <ul class="nav navbar-nav navbar-right">
                        <li>
                            <a href="" class="dropdown" data-toggle="dropdown">当前用户：<span id="userInfo" ></span>&nbsp;&nbsp;<span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li>
                                    <a href="javascript:exit(1);"><span class="glyphicon glyphicon-off"></span>&nbsp;&nbsp;退出</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
<div id="alert">
    <div class="container">
        <div class="alert fade in">
            <button class="close" data-dismiss="alert" onClick="hiddenAlert();">&times;</button>
            <p class="lead">酒店管理系统</p>
            <p>当前版本程序（V1.0）</p>
            <p>我们为您提供方便快捷的操作，有效地提高信息管理效率。</p>
            <p>今后会一直作为您忠实的伙伴，是您的不二选择。</p>
            <p><i class="fa fa-phone"></i>&nbsp;:&nbsp;tel：131XXXX7380</p>
            <p><i class="fa fa-envelope"></i>&nbsp;:&nbsp;Email：1626XXXX10@qq.com</p>
        </div>
    </div>
</div>
         <!-- InstanceBeginEditable name="content" -->
<div id="accomList">
	<div class="row">
		<div class="container">
			<div class="col-md-12">
				 <div class="panel panel-default">
                    <div class="panel-heading">
                        <div class="panel-title">
                        	<button class="btn btn-primary" onclick="javascript:getList(1);"><i class="fa fa-refresh"></i>&nbsp;刷新</button>
                            <form style="max-width:200px" class="pull-right">
                                <div class="input-group">
                                    <input type="text" id="searchAccom" class="form-control" placeholder="请输入查询条件">
                                    <span class="input-group-btn">
                                        <a href="javascript:searchAccom();" class="btn btn-default"><i class="fa fa-search"></i></a>
                                    </span>
                                </div>
                            </form>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="panel-body">
                        <table class="table-hover table-striped table-responsive col-md-12">
                            <thead>
                                <tr>
                                    <th>订单编号<i class="fa fa-search"></i></th>
                                    <th>房间编号<i class="fa fa-search"></i></th>
                                    <th>旅客编号<i class="fa fa-search"></i></th>
                                    <th>入住时间</th>
                                    <th>退房时间</th>
                                    <th>总价</th>
                                    <th>办理员工<i class="fa fa-search"></i></th>
                                    <th>订单状态</th>
                                </tr>
                            </thead>
                            <tbody>
                            </tbody>
                            <tfoot>
                                <tr>
                                    <td colspan="2" class="text-center">第&nbsp;<span id="currentPage"></span>&nbsp;页&nbsp;/&nbsp;共&nbsp;<span id="totalPage"></span>&nbsp;页</td>
                                    <td colspan="7" id="page">
                                        <div id="pagebox" class="pull-right"></div>
                                    </td>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="readModal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">查看信息</h4>
            </div>
            <div class="modal-body clearfix">
               		<ul class="list-unstyled list-group">
					<li class="list-group-item list-group-item-info clearfix">
                    <p class="pull-left">订单编号</p><p class="pull-right">zs001</p></li>
					<li class="list-group-item clearfix">
                    	<p class="pull-left">房间号</p><p class="pull-right">r001</p>
                    </li>
					<li class="list-group-item list-group-item-info clearfix">
                    	<p class="pull-left">旅客编号</p><p class="pull-right">p001</p>
                    </li>
					<li class="list-group-item clearfix" id="empPwd">
                    	<p class="pull-left">旅客姓名</p><p class="pull-right">李四</p>
                    </li>
					<li class="list-group-item list-group-item-info clearfix">
                    	<p class="pull-left">入住时间</p><p class="pull-right">2017-04-07</p>
                    </li>
					<li class="list-group-item clearfix" id="empName">
                    	<p class="pull-left">退房时间</p><p class="pull-right">2017-04-09</p>
                    </li>
					<li class="list-group-item list-group-item-info clearfix">
                    	<p class="pull-left">日用品订单编号</p><p class="pull-right">gd001</p>
                    </li>
					<li class="list-group-item clearfix" id="empAge">
                    	<p class="pull-left">总价</p><p class="pull-right">200RMB</p>
                    </li>
					<li class="list-group-item list-group-item-info clearfix">
                    	<p class="pull-left">办理员工</p><p class="pull-right">e001</p>
                    </li>
                    <li class="list-group-item clearfix" id="empAge">
                    	<p class="pull-left">备注</p><p class="pull-right">待续顶</p>
                    </li>
				</ul> 
            </div>
            <div class="modal-footer">
              
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
          <!-- InstanceEndEditable -->
<div id="listMenu">
    <div class="listMenu-list">	
        <a href="javascript:showTel();" class="list-tooltip" data-toggle="tooltip" data-placement="left" title="联系"><i class="fa fa-phone"></i></a>
        <div class="panel panel-default" id="telWay">
            <div class="panel-heading">
                <h3 class="panel-title">有问题需要帮助，请咨询：</h3>
            </div>
            <ul class="list-group">
                <li class="list-group-item">
                    tel：131XXXX7380<span class="pull-right"><i class="fa fa-phone"></i></span>
                </li>
                <li class="list-group-item">
                    Email：1626XXX710@qq.com<span class="pull-right"><i class="fa fa-envelope"></i></span>
                </li>
            </ul>
        </div>
        <a href="javascript:exit(1);" class="list-tooltip" data-toggle="tooltip" data-placement="left" title="退出"><i class="fa fa-sign-out"></i></a>
    </div>
    <a href="#" class="list-btn">+</a>
</div>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel"></h4>
            </div>
            <div class="modal-body clearfix" id="myModalBody">
                
            </div>
            <div class="modal-footer" id="myModalFooter">
               
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
	</body>
    <script>
    	$(function(){
			init();
		})
    </script>
<!-- InstanceEnd --></html>